<template>
	<view>
		<!-- 标题 -->
		<l-title :name="name" :word="word"></l-title>

		<!-- 列表 -->
		<scroll-view scroll-x class="noScorll">
			<view class="scroll_item" v-for="item in courseData" :key="item.id">
				<l-list-item :item="item" :isColumn="true"></l-list-item>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import lTitle from "../../../components/l-title.vue"
	import lListItem from "../../../components/l-list-item.vue"

	export default {
		name: "l-scroll",
		components: {
			lTitle,
			lListItem
		},
		props: {
			name: {
				type: String,
				default: () => '近期上新'
			},
			word: {
				type: String,
				default: null,
			},
			courseData: {
				type: Array,
				default: () => []
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	scroll-view {
		white-space: nowrap;
		height: 380rpx;
	}

	.scroll_item {
		display: inline-block;
		width: 310rpx;
		height: 100%;
		background-color: #fff;
		padding: 10rpx;
		margin-right: 20rpx;
		border-radius: 20rpx;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
	}
</style>
